*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
.container{
    content: "";
    clear: both;
    display: block;
}
nav{
    line-height: 80px;
}
nav li{
    float: left;
    margin: 0 14px;
}
nav .yy{
    border-bottom: 2px solid #0088d9;
    width: 45px;
    text-align: center;
}
nav li a{
    color: #666664;
}
nav .yi{
    color: #0086f5;
}
nav li a:hover{
    color: #0086f5;
    text-decoration: none;
}
#carouselExampleIndicators {
    margin-bottom: 35px;
}
.banner{
    margin-bottom: 40px;
}
.banner-top{
    position: relative;
    margin-bottom: 40px;
}
.banner .banner-top img{
    position: absolute;
    left: 490px;
    top: 1px;
}
.banner .banner-top p{
    font-size: 17px;
    font-family: 微软雅黑;
    color: #aeafb1;
}
.banner-bottom img{
    margin-bottom: 20px;
}
.banner-bottom p{
    color: #5f5b52;
}
.header-top{
    background: #efeeec;
    position: relative;
    text-align: center;
    height: 140px;
}
.header-top h4{
    padding-top: 50px;
}
.header-top img{
    top: 50px;
    position: absolute;
    left: 585px;
}
.header-center{
    content: "";
    display: table;
    clear: both;
}
.header-center li{
    float: left;
}
.header-bottom{
    height: 110px;
    background: #128abe;
    content: "";
    display: block;
    clear: both;
}
.h-left{
    float: left;
    margin-top: 20px;
    margin-left: 45px;
}
.h-left p{
    color: #e0fff1;
}
.h-right{
    float: right;
    margin-top: 45px;
    margin-right: 45px;
}
.h-right a{
    color: #fff9fd;
    text-decoration: none;
    border: 2px solid #fff9fd;
    padding: 10px 10px;
    border-radius: 5px;
}
.h-right a:hover{
    color: #fff9fd;
    text-decoration: none;
}
.main-top{
    text-align: center;
    position: relative;
    height: 100px;
}
.main-top img{
    position: absolute;
    left: 580px;
    top: 3px;
}
.main-top h4{
    margin-top: 30px;
}
.main-center{
    margin-bottom: 40px;
}
.main-center p{
    margin-bottom: 30px;
}
.main-center a{
    padding: 14px 20px;
    background: #128abe;
    border-radius: 5px;
    color: #fffff6;
}
.main-center a:hover{
    color: #fffff6;
    text-decoration: none;
}
.main-bottom{
    background: #eeedeb;
    height: 260px;
}
.pt{
    position: relative;
    padding-top: 65px;
}
.pt img{
    position: absolute;
    left: 460px;
    top: 65px;
}
footer{
    padding: 45px;
    background: url("../images/banner.png");
    color: #fffff8;
}
footer ul{
    float: left;
}

footer .dong{
    margin-left: 75px;
}
footer a{
    color: #fffff8;
}


/*响应式*/
@media (max-width: 600px) {
    body{
        width:100%;
    }
    nav{
        line-height: 50px;
    }
    nav li{
        margin: 0 10px;
    }
    nav img{
        display: none;
    }
    nav .yy{
        border-bottom: none;
        width: auto;
    }
    .banner .banner-top img{
        display: none;
    }
    /*.header-center li{
        margin-left: 40px;
    }*/
    .header-top img {
        display: none;
    }
    .header-bottom{
        height: 250px;
    }
    .main-top img{
        display: none;
    }
    .main-center{
        text-align: center;
    }
    .header-center li{
        width:100%;
    }
    .header-center img{
        width:100%;
    }
    .tu2{
        margin-top: 30px;
    }
    .pt img{
        display: none;
    }
    .main-bottom{
        height: 300px;
    }
    footer .dong{
        margin-left: 0px;
    }
    footer ul{
        float: none;
    }
    .h-left{
        margin-left: 14px;
    }
}